:root {
    --table-header-text-color: #4a5568;
    --table-header-bg-color: #f8f8f8;

    --color-white: #ffffff;
    --color-black: #000000;

    --el-bg-color: #ffffff;
    --el-bg-color-page: #f2f3f5;
    --el-bg-color-light: #f0f1f3;
    --el-bg-color-lighter: #f8f8f8;
    --el-bg-color-overlay: #ffffff;

    --el-text-color-primary: #303133;
    --el-text-color-regular: #606266;
    --el-text-color-secondary: #909399;
    --el-text-color-placeholder: #a8abb2;
    --el-text-color-disabled: #c0c4cc;

    --el-border-color: #dcdfe6;
    --el-border-color-dark: #d4d7de;
    --el-border-color-darker: #cdd0d6;
    --el-border-color-light: #e4e7ed;
    --el-border-color-lighter: #ebeef5;
    --el-border-color-extra-light: #f2f6fc;

    --el-fill-color: #f0f2f5;
    --el-fill-color-darker: #e6e8eb;
    --el-fill-color-dark: #ebedf0;
    --el-fill-color-light: #f5f7fa;
    --el-fill-color-lighter: #fafafa;
    --el-fill-color-extra-light: #fafcff;
    --el-fill-color-blank: #ffffff;

    --el-mask-color: rgb(255 255 255 / 90%);
    --el-mask-color-extra-light: rgb(255 255 255 / 30%);
    --el-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px -1px rgb(0 0 0 / 10%);
    --el-box-shadow-light: 0px 0px 12px rgb(0 0 0 / 12%);
    --el-box-shadow-lighter: 0 0 6px rgb(0 0 0 / 12%);
    --el-box-shadow-dark: 0px 16px 48px 16px rgb(0 0 0 / 8%),
                          0px 12px 32px rgb(0 0 0 / 12%), 
                          0px 8px 16px -8px rgb(0 0 0 / 16%); 
}
